// pages/calendar/calendar.js
Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },
  /**
   * 组件的属性列表
   * 用于组件自定义设置
   */
  properties: {
    // 弹窗标题
    title: { // 属性名
      type: String, // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）
      value: '标题' // 属性初始值（可选），如果未指定则会根据类型选择一个
    },

    // 弹窗确认按钮文字
    years: {
      type: Array,
      value: []
    },
    // 弹窗确认按钮文字
    months: {
      type: Array,
      value: []
    },
    // 弹窗确认按钮文字
    days: {
      type: Array,
      value: []
    }
  },

  /**
   * 私有数据,组件的初始数据
   * 可用于模版渲染
   */
  data: {
    // 弹窗显示控制
    isShow: false
  },

  /**
   * 组件的方法列表
   * 更新属性和数据的方法与更新页面数据的方法类似
   */
  methods: {
    /*
     * 公有方法
     */

    //隐藏弹框
    hideDialog() {
      this.setData({
        isShow: !this.data.isShow
      })
    },
    //展示弹框
    showDialog() {     
      this.setData({
        isShow: !this.data.isShow
      })
    },

    _cancelEvent: function (e) {
      this.triggerEvent('myevent');
    },

    bindChange: function (e) {
      // console.log(e.detail.value)
      var myEventDetail = {} // detail对象，提供给事件监听函数
      var myEventOption = {} // 触发事件的选项
      this.triggerEvent('myevents', e.detail.value, myEventOption)
    }
  }
})